<!-- * WanlShop - App全局模板配置
 * @author 深圳前海万联科技有限公司 <wanlshop@i36k.com> 
 * @link http://www.wanlshop.com
 * 
 * @本程序受法律保护，著作权©软著登记号2020SR0255711 < 非FastAdmin购买授权，未经版权所有权人书面许可，不能用于商业用途！>
 * 
 * @获取许可
 * 后台下载：https://www.fastadmin.net/store/wanlshop.html
 * 帮助文档：https://doc.fastadmin.net/wanlshop
 * 
 * @stress 本程序仅用作FastAdmin付费插件（WanlShop B2B2C商城）API使用，非FastAdmin购买授权，未经版权所有权人书面许可，不能自行用于商业用途
 * @creationtime  2019年9月10日12:52:20
 * @lasttime 2020年6月9日09:26:07
 * @version 1.0.0
 -->
<script>
import Vue from "vue";
export default {
    onLaunch() {
        // 检测客户端更新
        this.$store.dispatch("update/update");
        // 仅首次打开一次性加载数据
        this.$store.dispatch("common/init");
        // 同步购物车 本地 & 网络
        this.$store.dispatch("cart/get");
        // 同步 动态数据
        this.$store.dispatch("statistics/get");
    },
    onShow() {
        // 启动或重启即时通讯
        this.$store.dispatch('chat/connectSocket');
    },
    onLoad(e) {

    },
    onHide() {
        // 断开即时通讯
        this.$store.dispatch("chat/close");
    },
};
</script>

<style lang="scss">
/* #ifndef APP-NVUE */
@import "static/style/colorui.css";
@import "static/style/wanlshop.css";
@import "static/style/iconfont.css";

/* #endif */
.flex {
    display: flex;
    align-items: center;
}

.flex-1 {
    flex: 1;
}

.just-center {
    justify-content: center;
}

.just-between {
    justify-content: space-between;
}

.just-around {
    justify-content: space-around;
}

.column {
    flex-direction: column;
}

.wrap {
    flex-wrap: wrap;
}

@for $i from 14 through 50 {
    .f-#{$i} {
        font-size: #{$i}rpx;
    }
}

.card {
    background-color: #fff;
    border-radius: 10rpx;
    padding: 10rpx;
    margin-bottom: 20rpx;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999;
}
</style>
